<template>
  <div id="about">
    <div>
      <h1>This is an about page</h1>
      <img src="../assets/logo.svg" alt="" class="img" />
    </div>
    <h1 @click="goto1">跳转到大屏模板1（推荐）</h1>
  </div>
</template>
<script setup>
import { useRouter } from "vue-router";
const router = useRouter();
const goto1 = () => {
  router.push({
    path: "/",
  });
};
</script>
<style lang="scss" scoped>
#about {
  background-color: beige;
  width: 1920px;
  height: 1080px;
}
h1 {
  cursor: pointer;
  font-size: fontvhw(50);
}
.img {
  width: vw(50);
  height: vh(50);
}
</style>
